<template>
  <div>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <van-icon name="chat-o" />
    <van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" />
    <van-button type="primary" @click="btn">弹窗</van-button>
  </div>
</template>

<script>
export default {
  methods: {
    btn() {
      this.$dialog
        .confirm({
          title: "标题",
          message: "弹出内容",
        })
        .then(() => {
          //on confrim
        })
        .catch(() => {
          //on cancel
        });
    },
  },
};
</script>

<style>
</style>